@charset "utf-8";

body 							{ font-family:arial,微软雅黑,verdana; font-size:1rem; margin:0; padding:0; color:#444; background:#f4f4f4; line-height:2rem; font-weight:300; }
input,textarea,select 	 		{ font-size:1rem; line-height:1.5rem; color:#444; font-family:arial,微软雅黑,verdana; }
a img 							{ border: none; }

gooine.ul,gooine.ol				{ padding:0; margin:0; }
gooine.ul li,gooine.ol li		{ list-style-type:none; }

.flex-row 						{ display:flex; flex-direction:row; }
.flex-column 					{ display:flex; flex-direction:column; }
.flex-1							{ flex:1; }

a 								{ color: #3C3C3C; text-decoration: none; }
a:hover 						{ color: #FF3000; text-decoration: none; }

a.a_navi						{ color: #000000; text-decoration: none; font-size:1.15rem; }
a.a_navi:hover					{ color: #FF0000; text-decoration: none; }
a.a_big							{ color: #303030; text-decoration:none; color:#000; font-size:1.1rem; }
a.a_big:hover					{ color: #FF0000; text-decoration:none; }

a.a_btn 						{ display:inline-block; width:12.5rem; height:3rem; background:#ffdb04; color:#e76900; border-radius:0.5rem; font-size:1.5rem; line-height:3rem; }
a.a_btn:hover 					{ background-color:#ffef08; }

/*	=========================================================================	*/
/*	=========================================================================	*/

.header 						{ position:fixed; left:0; top:0; right:0; z-index:9999; background:#091d33; border-bottom:solid 0.25rem #347cc7; height:4.8rem; }
.header .root 					{ display:flex; flex-direction:row; width:80rem; margin:0 auto; height:100%; }
.header .logo 					{ display:flex; align-items:center; width:13rem; height:100%; padding-top:0.25rem; box-sizing:border-box; }
.header .logo img 				{ height:4rem; display:block; }
.header .page 					{ display:flex; align-items:flex-end; height:100%; padding:0 0.15rem; }
.header .page > a 				{ display:flex; align-items:center; height:3.5rem; font-size:1.15rem; font-weight:bold; color:#f0f0f0; padding:0px 1.5rem; border-radius:0.25rem 0.25rem 0 0; }

.header .page:hover > a			{ cursor:pointer; background:#fff; color:#333; }
.header .page.select > a 		{ background:#347cc7; color:#fff; }
.header .page.select:hover > a	{ background:#fff; color:#333; }
.header .ln 					{ position:absolute; display:none; left:0; right:0; top:4.8rem; border-top:solid 0.25rem #fff; background:#fff url(../images/bg.png) center top repeat-x; box-shadow:0 0.25rem 0.25rem #CCC; }
.header .ln > div 				{ display:flex; flex-direction:row; width:80rem; margin:0 auto; }
.header .ln > div > div 		{ width:25%; padding:1rem 0.75rem; box-sizing:border-box; }
.header .ln > div > div > div 	{ background:#fff url() right bottom no-repeat; background-size:75% 100%; height:4.25rem; line-height:4.25rem; color:#090; font-weight:bold; border:solid 1px #090; font-size:1.5rem; border-left:solid 0.25rem #090; margin-bottom:0.5rem; padding-left:1rem; }
.header .ln > div > div ul 		{ margin:0; padding:0; }
.header .ln > div > div ul li 	{ margin:0; padding:0 0.15rem; list-style:circle inside !important; color:#333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.header .page:hover .ln 		{ display:block; }
.header .ln > div > div .ns 	{ display:flex; flex-direction:row; flex-wrap:wrap; }
.header .ln > div > div .ns li	{ margin:0; padding:0 0.15rem; width:50%; box-sizing:border-box; }

.header .mMore 					{ flex:1; font-size:0.9rem; color:#f2f2f2; padding-top:0.25rem; text-align:right; }
.header .mMore .iconfont		{ color:#05c2ea; font-size:0.9rem; }

.banner							{ position:relative; margin-top:5rem; width:100%; height:20rem; background:url(/images/hezuo.jpg) center center no-repeat; background-size:100% 100%; box-shadow:0 0.2rem 0.2rem #CCC; }
.banner .bText 					{ position:absolute; left:20%; right:20%; top:38%; text-align:center; background:linear-gradient(to right,rgba(34,96,160,0) 0%, rgba(34,96,160,0.5) 35%, rgba(34,96,160,0.65) 50%, rgba(34,96,160,0.5) 65%, rgba(34,96,160,0) 100%); padding:1rem 0; }
.banner .bText .hz 				{ font-size:200%; line-height:2.5rem; font-weight:bold; letter-spacing:0.2rem; color:#fff; text-shadow:-1px -1px 0 #888,1px 1px 0 #333,1px 1px 0 #444; font-style:italic; }
.banner .bText .yw 				{ font-size:125%; line-height:2rem; color:#fff; text-shadow:-1px -1px 0 #888,1px 1px 0 #333,1px 1px 0 #444; font-style:italic; }

.fade 							{ display:flex; flex-direction:row; flex-wrap:wrap; margin-bottom:1.2rem; }
.fadbar 						{ width:33.3333%; box-sizing:border-box; padding:0.5rem; }
.fadbar .fadsize  				{ position:relative; overflow:hidden; height:18.25rem; transition:all 0.6s; text-align:center; line-height:2rem; color:#fff; border-radius:0.25rem; }
.fadbar .fadsize .page 			{ position:absolute; left:0; right:0; top:0; bottom:0; filter:blur(5px); background-position:center center; background-repeat:no-repeat; transition:all 0.6s; background-size:100% 100%; }
.fadbar .fadsize .text 			{ position:absolute; left:0; right:0; top:0; bottom:0; padding-top:25%; transition:all 0.6s; }
.fadbar .fadsize .text .t1 		{ font-size:1.2rem; }
.fadbar .fadsize .text .t2 		{ font-size:1.4rem; text-shadow: #555 1px 0 0, #555 0 1px 0, #555 -1px 0 0, #555 0 -1px 0; font-weight:bold; }
.fadbar .fadsize .text .t3 		{ font-size:1rem !important; }
.fadbar .fadsize:hover			{ box-shadow:0.25rem 0.25rem 0.25rem #606060; cursor:pointer; }
.fadbar .fadsize:hover .page 	{ transform: scale(1.5); filter:blur(0); }
.fadbar .fadsize:hover .text 	{ padding-top:10%; font-size:1.2rem; text-shadow: #666 1px 0 0, #666 0 1px 0, #666 -1px 0 0, #666 0 -1px 0 }

.lump 							{ width:25rem; margin-left:1rem; }
.lump .fadbar 					{ width:100%; padding:0 0 0.75rem 0; display:block; } 
.lump .fadbar:last-child 		{ padding-bottom:0; }

.footer 						{ font-size:0.9rem; width:100%; color:#FFF; margin-top:0.75rem; padding-top:2rem; line-height:1.5rem; background:#091d33; }
.footer .head 					{ font-size:1.2rem; color:#F0F0F0; padding-bottom:0.5rem; }
.footer .content 				{ font-size:0.9rem; color:#8a9099; line-height:2rem; padding-top:1rem; }
.footer .content .iconfont		{ color:#05c2ea; font-size:1rem; display:inline-block; width:1.25rem; height:1.75rem; padding:0; }
.footer a						{ color: #8a9099; text-decoration:none; }
.footer a:hover					{ color: #D8D8D8; text-decoration:none; }

.scroll							{ position:fixed; top:60%; right:0.25rem; }
.scroll .item					{ background:#808080; margin-top:0.35rem; width:3rem; height:3rem; position:relative; }
.scroll .item .icon 			{ display:block; font-size:1.75rem; text-align:center; line-height:3rem; color:#fff; }
.scroll .item .text 			{ display:none; line-height:1.1rem; padding-top:0.4rem; color:#fff; font-size:0.85rem; text-align:center; } 
.scroll .item .show  			{ display:none; position:absolute; right:3rem; top:0; padding-right:0.35rem; }
.scroll .item .show > div 		{ line-height:2.5rem; margin:0.25rem 0; padding:0 0.75rem; font-weight:bold; background:#fff; border:solid 1px #CCC; }
.scroll .item .show > img 		{ display:block; width:8rem; height:8rem; border:solid 1px #CCC; }
.scroll .item:hover 			{ background:#2260a0; }
.scroll .item:hover .icon 		{ display:none; }
.scroll .item:hover .text 		{ display:block; cursor:pointer; }
.scroll .item:hover .show  		{ display:block; }

.framer 						{ width:80rem; margin:0px auto; font-size:1rem; line-height:1.75rem; padding-top:2.5rem; padding-bottom:2.5rem; }
.framer b 						{ font-weight:600; }
.framer p 						{ margin-top:0.25rem; margin-bottom:0.25rem; }
.framer p.indent 				{ text-indent:2rem; }
.framer div.indent 				{ padding-left:2rem; padding-top:0.35rem; padding-bottom:0.35rem; }
.framer .title 					{ text-align:center; font-size:1.5rem; line-height:3rem; }
.framer .nick 					{ text-align:center; font-size:0.85rem; border-bottom:solid 1px #CCC; padding-top:0px; padding-bottom:0.25rem; margin-bottom:1.75rem; }
.framer .largest 				{ font-size:1.75rem; line-height:2.5rem; }
.framer .large 					{ font-size:1.35rem; }
.framer .small 					{ font-size:0.85rem; line-height:1.35rem !important; }
.framer .bold 					{ font-weight:bold; }
.framer .center 				{ text-align:center; }

.framer .space					{ padding-bottom:1.75rem !important; }
.framer .content div			{ text-indent:2em; padding-top:0.15rem; padding-bottom:0.15rem; }
.framer .image 					{ text-align:center; padding-top:1rem; padding-bottom:2rem; text-indent:0; }
.framer .image img 				{ max-width:80%; }
.framer .image .desc 			{ padding-bottom:1.25rem; }

.framer .solution 				{ font-size:150%; position:relative; padding-left:2rem; margin-top:1rem; margin-bottom:1rem; }
.framer .solution:before 		{ content:''; position:absolute; left:0.15rem; top:calc(50% - 0.45rem); width:0.8rem; height:0.8rem; background:#F60; border-radius:0.15rem; }
.framer ul.ulist 				{ padding:0.35rem 0 0.35rem 1.5rem; }
.framer ul.ulist li 			{ list-style-type:circle; list-style-position:outside; padding:0.15rem 0 0.15rem 0.4rem; }

.framer .utr 					{ padding-left:2rem; }
.framer .utr table 				{ border-collapse:collapse; }
.framer .utr table td 			{ border:solid 1px #ccc; }

.gird							{ padding:0; margin:0; display:flex; flex-direction:row; flex-wrap:wrap; }
.gird li 						{ width:50%; margin:0; padding:1rem 1rem; list-style-type:none; box-sizing:border-box; }
.gird li > div 					{ padding-left:3.5rem; height:3.5rem; line-height:3.5rem; border-bottom:dotted 1px #888; background-repeat:no-repeat; background-position:left center; background-size:3rem 3rem; }
.gird li > div.sf				{ background-image:url(/html/images/logo/sfxz.png); }
.gird li > div.jc				{ background-image:url(/html/images/logo/jc.png); }
.gird li > div.dh				{ background-image:url(/html/images/logo/dh.png); }
.gird li > div.gh				{ background-image:url(/html/images/logo/gh.png); }
.gird li > div.ga				{ background-image:url(/html/images/logo/ga.png); }
.gird li > div.gs				{ background-image:url(/html/images/logo/gs.png); }
.gird li > div.gy				{ background-image:url(/html/images/logo/64.png); }
.gird li > div.gn				{ background-image:url(/html/images/logo/gn.png); }

.infoTitle 						{ font-size:1.75rem; line-height:3rem; padding-bottom:1rem; border-bottom:solid 1px #CCC; text-align:center; margin-bottom:1rem; font-weight:600; color:#777; }
.infoTitle .nicker 				{ font-size:0.85rem; line-height:1.5rem; font-weight:normal; }

.linkto  						{ border-top:solid 1px #CCC; }
.linkto ul						{ margin:0 !important; padding:0 !important; }
.linkto ul li 					{ height:3.1rem; margin:0; box-sizing:border-box; border-bottom:dotted 1px #BBB; color:#0c76e3; padding:0.6rem 0.2rem 0.6rem 0.3rem; list-style-type:square; list-style-position:inside; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:2rem; }
.linkto ul li span 				{ float:right; color:#808080; font-size:0.85rem; }
.linkto ul li a 				{ color:#333; }
.linkto ul li a:hover 			{ color:#f60; cursor:pointer; }

.listWrapper 					{ background:#fff; border-radius:0.5rem; padding:2rem; box-shadow:0 0 0.5rem #DDD; }
.list 							{ min-height:62rem; }
.list ul						{ margin:0; padding:0; }
.list ul li 					{ height:3.1rem; margin:0; box-sizing:border-box; border-bottom:dotted 1px #BBB; color:#0c76e3; padding:0.6rem 0.2rem 0.6rem 0.3rem; list-style-type:square; list-style-position:inside; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:2rem; }
.list ul li span 				{ float:right; color:#808080; font-size:0.85rem; }
.list ul li a 					{ color:#333; }
.list ul li a:hover 			{ color:#f60; cursor:pointer; }
.list ul.large li 				{ height:4.3rem; display:flex; flex-direction:row; }
.list ul.large li img 			{ width:3.3rem; width:4.4rem; margin-right:0.75rem; }
.list ul.large li .nar 			{ flex:1; display:flex; flex-direction:column; font-size:1rem; line-height:1.5rem; }

.more 							{ display:flex; flex-direction:row; margin-top:1.5rem; }
.more > div 					{ text-align:center; height:2.5rem; display:flex; align-items:center; justify-content:center; padding:0 1rem; border:solid 1px #CCC; border-left-width:0; }
.more > div:first-child  		{ border-left-width:1px; }
.more .go:hover 				{ background:#1a82ee; color:#fff; cursor:pointer; }
.more .disable 					{ color:#808080; }
.more .input 					{ border:0; width:5rem; height:2.5rem; padding:0.35rem; box-sizing:border-box; background:transparent; outline:none; border:solid 1px #CCC; margin:0 1rem; }
.more .jump 					{ background:#136bc6; color:#fff; }
.more > span 					{ font-size:0.9rem; display:flex; justify-content:center; align-items:center; color:#666; }
.more .elase					{ flex:1; }

.article 						{ background:#fff; border-radius:0.5rem; padding:2rem 3rem; line-height:2rem; box-shadow:0 0 0.5rem #DDD; }
.article .title 				{ line-height:2.5rem; }
.article img 					{ max-width:100%; }
.article table 					{ display: block; width: 100%; overflow: auto; word-break: normal; word-break: keep-all; margin-bottom:0; }
.article table tr 				{ background-color: #fff; border-top: 1px solid #ccc; background-color: #F8F8F8; }
.article table th 				{ padding: 0.4rem 1rem; border: 1px solid #ddd; font-weight: bold; }
.article table td				{ padding: 0.4rem 1rem; border: 1px solid #ddd; }
.article table tr:nth-child(2n) { background-color: #f8f8f8; }
.article p 						{ margin: 0 0 1rem 0; padding:0; }
.article p:has(img)				{ text-align:center; }

.article h1 					{ margin:2rem 0 0.5rem 0; padding:0 0 0.5rem 0; font-size: 1.4rem; line-height: 2.25rem; border-bottom: 1px dotted #CCC; font-weight: normal; }
.article h2 					{ margin:2rem 0 0.5rem 0; padding:0 0 0.5rem 0; font-size: 1.3rem; line-height: 2.00rem; border-bottom: 1px dotted #CCC; font-weight:normal; color:#555; }
.article h3 					{ margin:1.5rem 0 0.5rem 0; padding:0 0 0.5rem 0; font-size: 1.20rem; line-height: 1.75rem; font-weight: normal; color:#555; }
.article h4 					{ margin:1rem 0 0.5rem; padding:0 0 0.5rem 0; font-size: 1.1rem; font-weight: normal; }
.article h5						{ margin:0.5rem 0 0.5rem; padding: 0.5rem 0 0 0; font-size: 1rem; font-weight: normal; }
.article h6 					{ margin:0; padding: 0.5rem 0 0 0; font-size: 1rem; color: #777; font-weight: normal; }
.article blockquote 			{ color: #666; border-left: 0.25rem solid #ddd; margin-left: 0; font-style: italic; padding:0 1rem 0 1.25rem; width: 100%; box-sizing: border-box; background:#f5f5f5; }
.article ul 					{ margin: 0 0 1rem 0; padding: 0 0 0 2em; }
.article ol 					{ margin: 0 0 1rem 0; padding: 0 0 0 2em;  }
.article strong 				{ font-weight: 600; }